body {
  background: lightgrey;
}

.menuo li{
  display: inline;
}

.menuo {
  border-bottom: thin black solid;
}

.menuo a:hover:before {
  content: "»";
}

.menuo a:hover:after {
  content: "«";
}

.noto:first-child {
  background: yellow;
}

.noto {
  background: lightyellow;
  margin: .5ex;
  padding: .5ex;
  border: thin black solid;
  float: left;
}

.noto-titolo {
  max-width: 200px;
  height: 1.5em;
  overflow: auto;
}

.noto-enhavo {
  overflow: auto;
  max-width: 200px;
  max-height: 160px;
  display: block;
  float: left;
  border-top: thin grey solid;
}

.noto-apudo {
  width: 10px;
  height: 10px;
  overflow: hidden;
  float: left;
  background: black;
}

.noto-apudo:hover {
  overflow: auto;
  width: 200px;
  height: 160px;
  display: block;
  border: medium grey solid;
  background: lightblue;
}
